/*body{margin-bottom: 10px;}*/
.selectType{padding: 10px 0;background-color: #fff;border: 1px solid #e4e4e4;box-sizing: border-box;}
.selectType .layui-input-inline{width: 100px;}
.selectType .layui-input-inline:nth-of-type(4){margin-left: 30px;}
.selectType form{float: left;margin-left: 10px;}
.selectType .search{width: 230px;margin-left: 35px;}
.selectType .search input{padding-right: 40px;}
.selectType .search i{position: absolute;right: 8px;top: 4px;color: #b3b3b3!important;cursor: pointer;}
.main{overflow-y: auto;}
.main .opeateType{background-color: #fff;position: relative;display: inline-block;margin: 10px 0;}
.main .opeateType .typeButton{display: inline-block;border:1px solid #3399ff;color: #3399ff;width: 100px;padding: 5px 0;text-align:center;cursor: pointer;}
.main .opeateType .downcombox{position: absolute;right: 0px;width: 100px;text-align: center;color: #3399ff;background-color: #fff;z-index: 1;border: 1px solid #3399ff;border-top: none;border-bottom: none;display: none;}
.main .opeateType .downcombox ul li{padding: 5px 0;cursor: pointer;border-bottom: 1px solid #3399ff;}
.main .opeateType .downcombox ul li:hover{background-color: #3399ff;color: #fff;}
.main .infoBack ul li{background-color: #fff;border: 1px solid #c9c9c9;margin-bottom: 10px;}
.main .infoBack .infoBack-box{padding: 10px 15px;border-bottom: 1px solid #C9C9C9;}
.main .infoBack .infoBack-box .infoBack-boxHead .layui-input-inline{float: left;width: 5%;margin-top: 2px;}
.main .infoBack .infoBack-box .infoBack-boxHead .inforR{float: right;width: 95%;}
.main .infoBack .infoBack-box .infoBack-boxHead .inforText{width: 90%;height: 24px;overflow: hidden;position: relative;float: left;color: #949494;}
.main .infoBack .infoBack-box .infoBack-boxHead .inforText p{line-height: 24px;}
.main .infoBack .infoBack-box .infoBack-boxHead .inforText p.replyText{margin-left: 20px;background-color: #eee;padding: 0 10px;}
.main .infoBack .infoBack-box .infoBack-boxHead .downIcon{float: right;margin-right: 20px;padding: 5px;cursor: pointer;position: relative;top:-5px;}
.main .infoBack .infoBack-box .infoBack-boxHead .downIcon.transform{transform: rotate(180deg);}
.main .infoBack .infoBack-box .infoBack-boxHead .inforText .imgbox{clear: both;margin-top: 15px;}
.main .infoBack .infoBack-box .infoBack-boxHead .inforText .imgbox img{margin-right: 10px;margin-bottom: 10px;height: 100px;cursor: pointer;}
.main .infoBack .infoBack-box .infoBack-boxHead .inforR .border{border-bottom: 1px solid #f3f3f3;clear: both;padding-top: 10px;}
.main .infoBack .infoBack-box .infoBack-boxFoot .width,
.main .infoBack .reply .width{width: 5%;float: left;height: 1px;}
.main .infoBack .infoBack-box .infoBack-boxFoot .aggBox{width: 95%;float: right;height: 36px;}
.main .infoBack .infoBack-box .infoBack-boxFoot .aggr{float: left;margin-top: 12px;}
.main .infoBack .infoBack-box .infoBack-boxFoot .aggr span{float: left;margin-right: 20px;}
.main .infoBack .infoBack-box .infoBack-boxFoot .aggr .preImg {color: #3399ff;cursor: pointer;margin-top: -4px;}
.main .infoBack .infoBack-box .infoBack-boxFoot .aggr .preImg i{font-size: 26px;}
.main .infoBack .infoBack-box .infoBack-boxFoot .userOprate{float: right;margin-top: 13px;}
.main .infoBack .infoBack-box .infoBack-boxFoot .userOprate > span{display: inline-block;cursor: pointer;margin-left: 15px;}
.main .infoBack .infoBack-box .infoBack-boxFoot .userOprate > span.delete{color: #3399ff;}
.main .infoBack .infoBack-box .infoBack-boxFoot .userOprate .service{cursor: auto}
.main .infoBack .infoBack-box .infoBack-boxFoot .userOprate .service i{margin-right: 5px;}
.main .serviceBox .aggr span{height: 1px;}
.layui-layer-prompt .layui-layer-btn0{background-color: #f1f1f1 !important;border-color: #dedede !important;color: #333 !important;}
.layui-layer-prompt .layui-layer-btn1{border-color: #4898d5;background-color: #2e8ded;color: #fff;}
.page{float: right;margin-top: 10px;}

.banner{position: fixed;width: 100%;height: 100%;left:0;top: 0;background-color: rgba(0,0,0,0.6);display: none;}
.banner .bannerBox{position: absolute;top:0;left: 0;bottom: 0;right: 0;margin: auto;max-width: 800px;}
.banner ul li{position: absolute;top: 0;left: 0;}
.banner ul li img{display: block;max-width: 800px;}
.banner .btn a{position: absolute;z-index: 99;top: 50%;margin-top: -17px;}
.banner .btn a.left{left: 0;}
.banner .btn a.right{right: 0;}
.banner .btn a.close{top: -15px;right: -15px;margin-top: 0;background-color: rgba(0,0,0,0.6);width: 30px;height: 30px;border-radius: 50%;cursor: pointer;}
.banner .btn a.close i{font-size: 20px;margin-left: 5px;margin-top: 5px;display: block;color: #fff;}
.banner .btn a i{font-size: 30px;}
.ImgShow{position: fixed;width: 100%;height: 100%;left:0;top: 0;background-color: rgba(0,0,0,0.6);display: none;}
.layui-laypage{margin: 0;}
#totalCount{display: inline-block;margin:0 10px;color: #808080;}

@font-face {font-family: "iconfont";
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

